<!DOCTYPE html>
<html lang="en"   xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/creatorCenter.css" th:href="@{/css/creatorCenter.css}">
    <link rel="stylesheet" href="../static/css/iconfont.css" th:href="@{/css/iconfont.css}">
    <link rel="stylesheet" href="../static/css/common.css" th:href="@{/css/common.css}">
    <link rel="stylesheet" href="../static/css/personCenter.css" th:href="@{/css/personCenter.css}">
    <link rel="stylesheet" href="../static/css/creatorCenterContent.css" th:href="@{/css/creatorCenterContent.css}">
    <title>导航栏示例</title>
</head>

<body>
<div class="main">
    <div class="nav-container" th:replace="creatorCenterAccount::Tap">
    </div>
    <div class="right">
        <div class="blockB">
            <div class="tap">
                <ul>
                    <li ><a href="/userHomepage" th:href="@{/userHomepage}" class="tap-a">文章&nbsp;&nbsp;</a></li>
                    <li class="active"><a href="/userHomepage/videos" class="tap-a" th:href="@{/userHomepage/videos}" >视频&nbsp;&nbsp;  </a></li>
                    <li><a href="/userHomepage/views" class="tap-a" th:href="@{/userHomepage/views}" >想法&nbsp;&nbsp;  </a></li>
                    <li><a href="/userHomepage/likes" class="tap-a" th:href="@{/userHomepage/likes}" >喜欢&nbsp;&nbsp; </a></li>
                    <li> <a href="/userHomepage/follower" class="tap-a"  th:href="@{/userHomepage/follower}" >关注订阅&nbsp; </a></li></ul>
            </div>
            <div class="video" style="display: block;">
                <div class="mydongtai">我的视频</div>
                <div class="box-a" style="display: none;"><i class="shu iconfont">&#xe617;</i>
                    <div class="box-a1"><a class="kong" href="" style="margin-left: 59px;">还没有视频</a></div></div>
                <div class="question-container videodetail" style="display: block;" th:each="video,videoStat: ${videos}">
                    <div class="question-header">
                        <span class="date-label"  th:text="${video.uploadTime}" >2025 - 04 - 22 11:01</span>
                    </div>
                    <div class="content-item" >
                        <p class="title" th:text="${video.title}" style="font-size:20px;font-weight: 700;margin-left: 20px;"></p>
                        <div>
                            <img class="author"  th:src="${user.avatar}" style="width: 43px;height: 43px;margin-left: 19px;">
                            <div class="author"  th:text="${user.username}" style="margin-left: 78px;margin-top: -46px;"></div>
                            <div class="author"  th:text="${user.bio}" style="margin-left: 78px;margin-bottom: 4px;"></div>
                        </div>
                        <video controls style="width: 50%;margin-left: 25px;margin-bottom: 10px;">
                            <source th:src="${video.filePath}" type="video/mp4" src="" >
                        </video>
                        <div class="description" th:text="${video.description}" style="margin-top: 9px;margin-bottom: 10px;margin-left: 19px;></div>
                        <div class="top-story-content-footer" >
                            <button class="top-story-content-footer-button top-story-content-footer-button-like"   ><i class="iconfont like" >&#xe610;</i><span  th:text="${video.likeCount}"></span>喜欢</button>
                            <button class="top-story-content-footer-button top-story-content-footer-button-view"  th:value="${video.videoId}"  ><span th:text="${video.viewCount}"></span>浏览</button>
                            <button class="top-story-content-footer-button top-story-content-footer-button-more delete-video"  th:data-video-id="${video.videoId}">
                                <i class="iconfont more">&#xe621;</i>
                                删除
                            </button>
                        </div>
                        <div class="comment-publish">
                            <div class="comment-input-outer">
                                <div class="comment-input">
                                    <input type="text" placeholder="留下你的精彩评论吧"  class="comment-input-detail">
                                    <div class="input-icons">
                                        <i class="iconfont">&#xe642; </i>
                                        <span class="emoji-icon" onclick="publish(this.dataset.value)"> 发布</span>

                                    </div>
                                </div>
                            </div>

                        </div>

                    </div></div></div>
        </div>
    </div>
</div>
<div class="mask"></div>
<script th:inline="javascript">
    document.addEventListener('DOMContentLoaded', function() {
        const pathname = window.location.pathname;
        let temp = 0;
        if (pathname === '/mainPageRecommend') {
            temp = 1

            document.getElementsByClassName('none-input')[0].value = temp
        } else if (pathname === '/mainPageAttention') {
            temp = 2
            document.getElementsByClassName('none-input')[0].value = temp
        } else if (pathname === '/mainPageTrending') {
            temp = 3
            document.getElementsByClassName('none-input')[0].value = temp
        }else if (pathname === '/creativeCenter') {
            temp=4
            document.getElementsByClassName('none-input')[0].value = temp
        }else if (pathname === '/toManageMyPosts') {
            temp=5
            document.getElementsByClassName('none-input')[0].value = temp
        }
        let result = [[${result}]];
        let errorMessage = [[${errorMessage}]];
        console.log(result)
        if (result && result !== '') {
            showCustomAlert(result, 3000);
        }
        if (errorMessage && errorMessage !== '') {
            showCustomAlert(errorMessage, 3000);
        }
    })

</script>
<script src="../static/js/creatorCenterContent.js" th:src="@{/js/creatorCenterContent.js}"></script>
<script src="../static/js/personCenter.js" th:src="@{/js/personCenter.js}"></script>
<script src="../static/js/common.js" th:src="@{/js/common.js}"></script>
</body>

</html>